@media screen and (max-width: 640px) {
  #online_service_bar {
    display: none; }

  #nav {
    display: none; }

  .boxgrid {
    width: 90%;
    margin: 0 auto 15px !important;
    float: none; }

  .home_news ul li {
    width: 90%;
    padding-left: 5%;
    margin-bottom: 15px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: auto; }
    .home_news ul li .font_16 {
      width: 100%; }
    .home_news ul li .posi {
      display: none; }

  .footer ul li {
    display: none; }

  .copyright .l {
    float: none; }
  .copyright .r {
    float: none; }

  #menu {
    position: fixed;
    top: 35px;
    right: 15px;
    background: #e60012;
    color: #FFF;
    z-index: 1989;
    padding: 10px;
    border-radius: 10px;
    display: block; }

  #navfade {
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 1988;
    display: none; }

  #nav2 {
    width: 80vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    background: #FFF;
    z-index: 1990;
    overflow-y: auto;
    display: none; }
    #nav2 li {
      line-height: 40px;
      padding-left: 15px; }
      #nav2 li.erji {
        background: 90% 5px url(../images/arrow.png) no-repeat;
        background-size: 25px; }

  #nav2 .subs {
    display: none; }

  .main .fr, .main .fl, .main .left-sider {
    width: 100%;
    float: none; }

  .operate li .list-item p {
    float: left; }

  .product_series_category ul li {
    width: 49%; }

  .location {
    padding-left: 15px; }

  .columns_product_jinrong .columns_con {
    width: 100%; }

  .columns_solution {
    background-position: 50% 50%; }

  .article {
    width: 95%;
    margin: 0 auto; }
    .article img {
      width: 80%; }

  .operate ul li {
    float: left;
    text-align: center; }
    .operate ul li h4 {
      padding-left: 0; }

  .columns_product_jinrong ul li a {
    width: 100%;
    margin: 0; }

  .designp {
    text-align: center;
    text-indent: 0 !important; }

  .product_show_1 .l a img {
    margin: 2vw;
    width: 96vw;
    height: auto; }

  .product_show_1.prohy .r, .feedback_add, .product_show_1 .r, .news {
    margin: 2vw;
    width: 96vw; }

  .product_show2 .l, .product_show2 .r, .recommend, .recommend ul {
    float: none;
    width: 100%;
    padding: 0; }

  .feedback_add dl dd textarea {
    width: 90vw; }

  #page-wrap {
    width: 100%; }

  #all-list-wrap {
    padding: 30px 0px 50px; }
    #all-list-wrap p {
      padding: 0 5px; }

  .recommend ul li {
    float: left;
    width: 50%; }
    .recommend ul li p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden; }

  .bjq {
    display: none; }

  .nav_banner .columns_con {
    padding: 15px 0; }
    .nav_banner .columns_con ul li {
      width: 30%;
      margin: 15px 1%;
      text-align: center; }

  .main section.fl {
    position: fixed;
    left: 0;
    bottom: 0; }
    .main section.fl .fl_title {
      display: flex;
      justify-content: center; }
      .main section.fl .fl_title .icon_solution_title {
        margin: 19px 10px 0 0px; }
    .main section.fl .left-sider {
      position: fixed;
      bottom: 60px;
      left: 0;
      background: #FFF;
      display: none; }

  .copyright {
    margin-bottom: 60px; }

  .dform ul li {
    width: 45%; }

  .logo {
    width: 100%; }

  .footer ul .erweima {
    padding-left: 0;
    width: 100%; }
    .footer ul .erweima div.l {
      margin-right: 0;
      width: 50%;
      text-align: center; }

  .erji a {
    display: block; } }
@media screen and (max-width: 2059px) {
  html {
    font-size: 14px; } }
@media screen and (max-width: 1809px) {
  html {
    font-size: 14px; } }
@media screen and (max-width: 1559px) {
  html {
    font-size: 12px; } }
@media screen and (max-width: 1309px) {
  html {
    font-size: 11px; }

  .nav li {
    width: 100px; } }
@media screen and (max-width: 1059px) {
  html {
    font-size: 10px; } }
@media screen and (max-width: 809px) {
  html {
    font-size: 8px; } }

/*# sourceMappingURL=mobile.css.map */